.alert {
  h4 {
    color: inherit; // Specified for the h4 to prevent conflicts of changing $headings-color
  }
}
.alert-dismissable,
.alert-dismissible {
  .close {
    color: inherit;
  }
}

.alert-primary {
  @include alert-variant($alert-primary-text);
}

.alert-success {
  @include alert-variant($alert-success-text);
}

.alert-info {
  @include alert-variant($alert-info-text);
}

.alert-warning {
  @include alert-variant($alert-warning-text);
}

.alert-danger {
  @include alert-variant($alert-danger-text);
}
